<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=640,maximum-scale=1.3,user-scalable=no,minimal-ui"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-touch-fullscreen" content="no"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="format-detection" content="telephone=no"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<title>星际喵欢迎您</title>
<link href="css/pets.css" type="text/css" rel="stylesheet">
</head>
<body>
<header class="phd phd_pink tc fx">
	<a class="logo" href="index.html"><img src="images/hd01.png" /></a>
	<div class="navbtn pa" id="navbtn">&nbsp;</div>
	<div class="navdrop pa">
		<div class="apply"><a href="agent.html" class="pinkbtn">成为代理商</a></div>
		<ul>
			<li><a href="find.html">发现星喵际</a></li>
			<li><a href="">网上商城</a></li>
			<li><a href="lab.html">爱猫实验室</a></li>
			<li><a href="product.html">所有产品</a></li>
		</ul>
	</div>
</header>
<div class="title_faq tc cf">星际喵欢迎您</div>
<section class="box02-agent cf">
	<ul class="cf">
		<li><input type="text" class="text" placeholder="您的姓名" /></li>
		<li><input type="tel" maxlength="11" class="text" placeholder="您的手机号" /></li>
		<li class="pr"><input type="tel" maxlength="11" class="text text_short" placeholder="验证码" /><span class="countbtn pa" id="validbtn">获取验证码</span><span class="countbtn pa" id="countbtn" style="display:none;">重获验证码(<b>60</b>)s</span></li>
		<li class="sex"><span class="on">男</span><span>女</span></li>
		<li><div class="selectwrap"><select><option>类型</option></select></div></li>
		<li><input type="text" class="text" placeholder="公司名称" /></li>
		<li><div class="selectwrap"><select><option>对我们什么产品感兴趣</option></select></div></li>
		<li><input type="text" class="text" placeholder="您的邮箱" /></li>
		<li class="city" id="citySelect"><span class="prov selectwrap"><select name="prov"></select></span>
            <span class="city selectwrap"><select name="city" disabled="disabled"></select></span>
        </li>
		<li class="cf"><input type="text" class="text" placeholder="邮寄地址" /></li>
		<li><textarea class="textarea" placeholder="在此留言"></textarea></li>
	</ul>
	<div class="btnbox tc"><div class="pinkbtn">提交</div></div>
</section>
<section class="box01-gz">
	<h6 class="tc">关注我们</h6>
	<div class="part01-gz tc">
		<img src="images/gz_01.png" /><img src="images/gz_02.png" /><img src="images/gz_03.png" /><img src="images/gz_04.png" /><img src="images/gz_05.png" />
	</div>
</section>
<section class="box01-order">
	<h6 class="tc">订阅我们</h6>
	<div class="part01-order">
		<input type="text" class="text fl"  placeholder="输入手机号码/邮箱" /><div class="pinkbtn fl">订阅</div>
	</div>
</section>
<!-- 底部 -->
<footer class="pfd cf">
	<div class="box01-pfd">
		<div class="contact">联系我们</div>
		<ul>
			<li><a href="">JENIUX集团网站</a></li>
			<li><a href="job.html">工作机会</a></li>
			<li><a href="news.html">新闻</a></li>
			<li><a href="faq.html">FAQs</a></li>
		</ul>
	</div>
	<div class="box02-pfd tc">
		<p>Copyright @ 2017 Nyanko Planet 版权所有</p>
		<p>上海真喵商贸有限公司</p>
	</div>
</footer>
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/jquery.pop.js"></script>
<script src="js/citydata.js"></script>
<script src="js/cityselect.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script>
	$('.sex span').click(function(){
		$(this).siblings().removeClass('on');
		$(this).toggleClass('on');
	})
	$("#citySelect").citySelect();
</script>
</body>
</html>

